import { createRouter, createWebHistory } from 'vue-router';

// 导入组件
const Home = () => import('../views/Home.vue'); // 动态导入 Home 组件
const About = () => import('../views/About.vue'); // 动态导入 About 组件
const NotFound = () => import('../views/404.vue');

// 定义路由
const routes = [
  {
    path: '/',
    component: Home, // 首页
  },
  {
    path: '/about',
    component: About, // 关于页面
  },
  {
    path: '/notFound',
    component: NotFound, 
  },
  {
    path: '/:pathMatch(.*)',
    redirect: '/NotFound'
  },

];

// 创建路由实例
const router = createRouter({
  history: createWebHistory(), // 使用 HTML5 History 模式
  routes, // 路由配置
});

export default router;